<!-- 内容区域 start-->
<div class="data-show common-container-main">
	<!-- 上部 -->
	<div class="data-show-top">
		<!-- 置业顾问接访排名 TOP100 start-->
		<div class="data-show-top-rank">
			<!-- 面包屑 start -->
			<div class="ht40 bg-f flex-c font14 color-3 data-show-top-title">
				<span>置业顾问接访排名 TOP100</span>
			</div>
			<div class="data-show-top-filter">
				<select name="" id="">
					<option value="成交排名">成交排名</option>
					<option value="成交排名">成交排名</option>
				</select>
				<p style="display: inline-block;margin:0;padding:0;">
					<span class="data-filter-isActive">周</span><span style="">月</span>
				</p>
			</div>
			<!-- tabber -->
			<div class="data-show-top-table">
				<div class="data-show-top-table-head">
					<span>头像</span>
					<span>姓名</span>
					<span>套数</span>
					<span>业绩</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
				<div class="data-show-top-table-body">
					<span>头像</span>
					<span>王华</span>
					<span>20</span>
					<span>60</span>
				</div>
			</div>
		</div>
		<!-- 置业顾问接访排名 TOP100 end -->
		<!-- 概况 start-->
		<div class="data-show-top-situation">
			<!-- 面包屑 start -->
			<div class="data-situation-title">
				<div class="flex-c title-header">
					<span>概况</span>
				</div>
				<div class="data-show-top-filter">
					<p style="display: inline-block;margin:0;padding:0;">
						<span class="data-filter-isActive">周</span><span style="">月</span>
					</p>
				</div>
			</div>
			<!-- tabber -->
			<div class="data-show-top-situation-number">
				<div class="data-show-top-situation-number-item come_user">
					<div>
						<i class="iconfont icon-nav_user come_user_icon"></i>
					</div>
					<div>
						<p class="come_user_number">23456789</p>
						<p class="come_user_unit">到访量(人)</p>
					</div>
				</div>
				<div class="data-show-top-situation-number-item turn_over">
					<div>
						<i class="iconfont icon-nav_user turn_over_icon"></i>
					</div>
					<div>
						<p class="turn_over_number">23456789</p>
						<p class="turn_over_unit">到访量(人)</p>
					</div>
				</div>
				<div class="data-show-top-situation-number-item achievements">
					<div>
						<i class="iconfont icon-nav_user achievements_icon"></i>
					</div>
					<div>
						<p class="achievements_number">23456789</p>
						<p class="achievements_unit">到访量(人)</p>
					</div>
				</div>
			</div>
			<!-- 项目集团分布 -->
		</div>
		<!-- 概况 end -->
		<!-- 概况 start-->
		<div class="data-show-top-trend">
			<!-- 客户画像统计&&客流趋势图 start -->
			<div>
				<div class="ht40 bg-f flex-c font14 color-3 data-show-top-title">
					<span>客户画像统计</span>
				</div>
				<div id="customer-picture" style="height: 100%;"></div>
			</div>
			<div>
				<div class="ht40 bg-f flex-c font14 color-3 data-show-top-title">
					<span>客流趋势图</span>
				</div>
				<div id="customer-trend" style="height: 100%;"></div>
			</div>
		</div>
		<!-- 客户画像统计&&客流趋势图 end -->
	</div>
	<div class="data-show-bottom">
		<div class="data-show-bottom-item">
			<div class="ht40 bg-f flex-c font14 color-3 data-show-top-title">
				<span>客户风险占比</span>
			</div>
			<div id="customer-risk" style="height: 30vh;"></div>
		</div>
		<div class="data-show-bottom-item">
			<div class="ht40 bg-f flex-c font14 color-3 data-show-top-title">
				<span>项目访客排行</span>
			</div>
			<div id="customer-rank" style="height: 30vh;"></div>
		</div>
		<div class="data-show-bottom-item">
			<div class="ht40 bg-f flex-c font14 color-3 data-show-top-title">
				<span>客户来源</span>
			</div>
			<div id="customer-source" style="height: 30vh;"></div>
		</div>
		<div class="data-show-bottom-item">
			<div class="ht40 bg-f flex-c font14 color-3 data-show-top-title">
				<span>来访转化率</span>
			</div>
			<div id="customer-transform" style="height: 30vh;"></div>
		</div>
	</div>
</div>
<!-- 内容区域 end -->